/*
* @Author: xuebingsi
* @Date:   2019-04-01 13:37:17
* @Last Modified by:   zhibinm
* @Last Modified time: 2019-04-01 13:37:19
*/
html,body{height:100%}
.clear{
    clear: both;
}
.loginBox{
    width: 100%;
    height:100%;
    /*background: #eeeeee url() 0 0 no-repeat;*/
    background:url(../images/login_bg.jpg) no-repeat center;
    background-size: cover;
    background-size:100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login_bg.jpg',sizingMethod='scale');
    overflow: hidden;
}
.loginTitle{
    width: 100%;
    margin-top: 61px;
    text-align: center;
}
.loginTitle>p{
   font-size: 24px;
   color: #fff;
   font-weight: 400;
   letter-spacing:5px;
}
.loginTitle>var{
    font-size: 14px;
    color: #fff;
    line-height: 30px;
 }
 .login_codebg{
     width: 420px;
     height:391px;
     background:url(../images/login_codebg.png) no-repeat center;
     background-size: cover;
     overflow: hidden;
     box-sizing: border-box;
     margin: 0 auto;
     padding: 30px 60px ;
 }
 .login_codebg>p{
    line-height: 50px;
    font-size: 24px;
    color: #888;
    font-weight: 500;
    text-align: center;
 }
 .usercodeBox{
     margin-top: 28px;
 }
 /* .userpass{
    width: 100%;
   
    height: 36px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 15px;
 } */
 .userpassInput{
    margin-top:5px;
    height:37px;
    line-height: 37px;
    width: 100%;
    border-top:0 solid #999;
    border-left:0 solid #999;
    border-right:0 solid #999;
    border-bottom: 1px solid #999; 
    box-sizing: border-box;
    padding: 0 10px 0 30px;
 }
.userpassInput:focus{
    border-bottom: 1px solid #1A91F1; 
}

 /* .userpassInput:active{
    border-bottom: 1px solid #0ff9;
 } */
 .usercode{
     margin-top: 30px;
 }
 .codeInput{
     width: 138px;
     height: 36px;
     line-height: 24px;
     box-sizing: border-box;
     padding: 5px;
     border: 1px solid #999;
     outline: none;
     border-radius:4px;
     float: left;
 }
 .codeBGImg{
    width: 138px;
    height: 36px;
    margin-left: 16px;
    background:#EFEFF3;
    border-radius:4px;
    border: none;
    outline: none;
    color: #222;
    float: right;
}
.submit{
    height: 40px;
    line-height: 40px;
    width: 100%;
    background:#F1F1F1;
    border: none;
    outline: none;
    margin-top: 40px;
    color:#777;
    border-radius:4px;
    cursor: pointer;
}
.submit:hover{
    color: #fff;
    background:#0156FF;
}
.layui-form-item .iconfont {
    position: absolute;
    top: 17px;
    left: 9px;
    font-size: 12px;
}